<!doctype html>
<html lang="zh-CN">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>赛事</title>
    <link rel="stylesheet" href="ossweb-img.qq.com/images/js/swiper/swiper-4.3.3.min.css">
    <link rel="stylesheet" href="lpl.qq.com/act/a20230111lplspring/css/index.css">
    <!-- 页面设计：cp | 页面制作：cp | 创建：2023-01-04 -->
    <link rel="stylesheet" type="text/css" href="vm.gtimg.cn/tencentvideo/txp/js/txp_desktop.css__=1666752374714.css">
  <script src="https://unpkg.com/vue@2.7.14/dist/vue.min.js"></script>
  <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
  <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"></script>
  <script src="https://unpkg.com/element-ui/lib/index.js"></script>
  <script type="text/javascript" src="/login-starter/js/login.js"></script>
  <link rel="stylesheet" href="/login-starter/css/style.css">
  <style>

  </style>
</head>
<body>
<div id="app">
  <login></login>
  <div class="wrap">
    <h1 class="hidden">2023LPL春季赛</h1>

    <!-- 侧边导航栏 Start -->
    <div class="fixed-sidebar" style="display: block;">
      <div class="backdrop"></div>
      <ul class="nav-list" id="nav-list">
        <li>
          <a href="http://127.0.0.1/yjh-ticket/ticket.html">赛事购票</a>
        </li>
        <li class="anchor active" data-link="">
          <a href="javascript:;"
             onclick="">赛事直播</a>
        </li>

        <li class="anchor" data-link="">
          <a href="javascript:;"
             onclick="">赛事进度</a>
        </li>

        <li class="anchor" data-link="">
          <a href="javascript:;"
             onclick="">历史对局</a>
        </li>

        <li class="anchor" data-link="">
          <a href="javascript:;"
             onclick="">赛事视频</a>
        </li>

        <li class="anchor" data-link="">
          <a href="javascript:;"
             onclick="">参赛战队</a>
        </li>
      </ul>
      <a class="nav-top" href="javascript:;"
         onclick=""></a>
    </div>
    <!-- 侧边导航栏 End -->

    <div class="module module-1">
      <div class="module-inner">
        <!-- <div class="headline">
          <a class="btn-lpl-logo" href="//lpl.qq.com" target="_blank" onclick="PTTSendClick('btn', 'lpl-logo', 'LPL官网')"></a>
        </div>
        <div class="slogan"></div>
        <div class="partner"></div> -->
      </div>
    </div>
    <div class="module module-2">
      <div class="module-inner">

        <div class="match-flex-wrap">

          <!-- 赛事直播 Start -->
          <div class="match-live module-anchor" data-name="赛事直播">
            <div class="base-title">
              <div class="title" id="live-status">正在点播</div>
              <svg class="icon">
                <path fill-rule="evenodd"
                      d="M13.000,6.000 L13.000,5.000 L14.000,5.000 L14.000,6.000 L13.000,6.000 ZM12.000,7.000 L12.000,6.000 L13.000,6.000 L13.000,7.000 L12.000,7.000 ZM11.000,8.000 L11.000,7.000 L12.000,7.000 L12.000,8.000 L11.000,8.000 ZM10.000,9.000 L10.000,8.000 L11.000,8.000 L11.000,9.000 L10.000,9.000 ZM9.000,10.000 L9.000,9.000 L10.000,9.000 L10.000,10.000 L9.000,10.000 ZM12.000,4.000 L13.000,4.000 L13.000,5.000 L12.000,5.000 L12.000,4.000 ZM11.000,3.000 L12.000,3.000 L12.000,4.000 L11.000,4.000 L11.000,3.000 ZM10.000,2.000 L11.000,2.000 L11.000,3.000 L10.000,3.000 L10.000,2.000 ZM9.000,1.000 L10.000,1.000 L10.000,2.000 L9.000,2.000 L9.000,1.000 ZM9.000,4.000 L10.000,4.000 L10.000,5.000 L11.000,5.000 L11.000,6.000 L10.000,6.000 L10.000,7.000 L9.000,7.000 L9.000,8.000 L8.000,8.000 L8.000,9.000 L7.000,9.000 L7.000,10.000 L6.000,10.000 L6.000,11.000 L4.000,11.000 L4.000,10.000 L5.000,10.000 L5.000,9.000 L6.000,9.000 L6.000,8.000 L7.000,8.000 L7.000,7.000 L8.000,7.000 L8.000,6.000 L9.000,6.000 L9.000,5.000 L8.000,5.000 L8.000,4.000 L7.000,4.000 L7.000,3.000 L6.000,3.000 L6.000,2.000 L5.000,2.000 L5.000,1.000 L4.000,1.000 L4.000,-0.000 L6.000,-0.000 L6.000,1.000 L7.000,1.000 L7.000,2.000 L8.000,2.000 L8.000,3.000 L9.000,3.000 L9.000,4.000 ZM4.000,4.000 L5.000,4.000 L5.000,5.000 L6.000,5.000 L6.000,6.000 L5.000,6.000 L5.000,7.000 L4.000,7.000 L4.000,8.000 L3.000,8.000 L3.000,9.000 L2.000,9.000 L2.000,10.000 L-0.000,10.000 L-0.000,1.000 L2.000,1.000 L2.000,2.000 L3.000,2.000 L3.000,3.000 L4.000,3.000 L4.000,4.000 Z"></path>
              </svg>
              <div class="desc" id="game_name">2023LPL夏季赛 RA vs OMG_01</div>
              </div>
            <div style="margin-top: 100px">
              <el-carousel trigger="click" height="200px">
                <el-carousel-item v-for="image in images" :key="image">
                  <el-image style="width: 800px" :src="image" fit="scale-down"></el-image>
                </el-carousel-item>
              </el-carousel>
            </div>
          </div>
          <!-- 赛事直播 End -->

          <!-- 赛程 Start -->
          <div class="match-stage">

            <div class="base-title">
              <div class="title">赛程</div>
              <svg class="icon">
                <path fill-rule="evenodd"
                      d="M13.000,6.000 L13.000,5.000 L14.000,5.000 L14.000,6.000 L13.000,6.000 ZM12.000,7.000 L12.000,6.000 L13.000,6.000 L13.000,7.000 L12.000,7.000 ZM11.000,8.000 L11.000,7.000 L12.000,7.000 L12.000,8.000 L11.000,8.000 ZM10.000,9.000 L10.000,8.000 L11.000,8.000 L11.000,9.000 L10.000,9.000 ZM9.000,10.000 L9.000,9.000 L10.000,9.000 L10.000,10.000 L9.000,10.000 ZM12.000,4.000 L13.000,4.000 L13.000,5.000 L12.000,5.000 L12.000,4.000 ZM11.000,3.000 L12.000,3.000 L12.000,4.000 L11.000,4.000 L11.000,3.000 ZM10.000,2.000 L11.000,2.000 L11.000,3.000 L10.000,3.000 L10.000,2.000 ZM9.000,1.000 L10.000,1.000 L10.000,2.000 L9.000,2.000 L9.000,1.000 ZM9.000,4.000 L10.000,4.000 L10.000,5.000 L11.000,5.000 L11.000,6.000 L10.000,6.000 L10.000,7.000 L9.000,7.000 L9.000,8.000 L8.000,8.000 L8.000,9.000 L7.000,9.000 L7.000,10.000 L6.000,10.000 L6.000,11.000 L4.000,11.000 L4.000,10.000 L5.000,10.000 L5.000,9.000 L6.000,9.000 L6.000,8.000 L7.000,8.000 L7.000,7.000 L8.000,7.000 L8.000,6.000 L9.000,6.000 L9.000,5.000 L8.000,5.000 L8.000,4.000 L7.000,4.000 L7.000,3.000 L6.000,3.000 L6.000,2.000 L5.000,2.000 L5.000,1.000 L4.000,1.000 L4.000,-0.000 L6.000,-0.000 L6.000,1.000 L7.000,1.000 L7.000,2.000 L8.000,2.000 L8.000,3.000 L9.000,3.000 L9.000,4.000 ZM4.000,4.000 L5.000,4.000 L5.000,5.000 L6.000,5.000 L6.000,6.000 L5.000,6.000 L5.000,7.000 L4.000,7.000 L4.000,8.000 L3.000,8.000 L3.000,9.000 L2.000,9.000 L2.000,10.000 L-0.000,10.000 L-0.000,1.000 L2.000,1.000 L2.000,2.000 L3.000,2.000 L3.000,3.000 L4.000,3.000 L4.000,4.000 Z"></path>
              </svg>
            </div>

            <div class="stage-wrap">
              <div class="swiper-container swiper-no-swiping stage-swiper swiper-container-horizontal">
                <div id="stage-type" class="swiper-wrapper"
                     style="transform: translate3d(-130px, 0px, 0px); transition-duration: 0ms;">
                  <div id="game_type1_1" class="swiper-slide stage_1 swiper-slide-prev"
                       style="width: 130px;">
                  </div>

                  <div id="game_type1_7" class="swiper-slide stage_3 swiper-slide-next active"
                       style="width: 130px;">

                    <a class="text" href="javascript:Base.InitGameSchedule1(&#39;7&#39;, 1);"
                       onclick="">夏季赛常规赛</a>

                  </div>
                </div>
                <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
            </div>

            <div class="stage-content">

              <!-- 赛事回顾-内容 -->
              <ul class="mv-vod-list base-scroll">
                <li id="game_schedult_10359" class="ending">

                  <!-- 已结束 -->
                  <div class="match-message"  v-for="match in matches">
                    <div class="match-time">
                      <p class="date">{{match.date}}</p>
                      <p class="time">{{match.time}}</p>
                      <div class="status">已结束</div>
                    </div>
                    <!-- 比赛队伍 -->
                    <div class="match-team">
                      <!-- 队伍 -->
                      <div class="team-logo teamA">
                        <img :src="match.hteams.icon" title="苏州LNG">
                      </div>
                      <div class="team-message">
                        <div class="team-score">
                          <div class="team-name teamA">{{match.homeTeamName}}</div>
                          <div class="score-result">
                            <span class="score-item on">{{match.homeScore}}</span>
                            <span class="dot">:</span>
                            <span class="score-item ">{{match.awayScore}}</span>
                          </div>
                          <div class="team-name teamB">{{match.awayTeamName}}</div>
                        </div>


                        <div class="vs-tag">
                          <a href="javascript:Base.ShowGameScheduleVod(&#39;10359&#39;,80);"
                             id="vod_btn_10359_80"
                             onclick="">
                            <div class="text">赛事速看</div>
                          </a>
                          <a href="javascript:Base.ShowGameScheduleVod(&#39;10359&#39;,20);"
                             id="vod_btn_10359_20"
                             onclick="">
                            <div class="text">全场回顾</div>
                          </a>
                          <a href="javascript:Base.ShowGameScheduleVod(&#39;10359&#39;,76);"
                             id="vod_btn_10359_76"
                             onclick="">
                            <div class="text">巅峰时刻</div>
                          </a>
                        </div>


                      </div>
                      <div class="team-logo teamB">
                        <img :src="match.ateams.icon">
                      </div>
                    </div>
                  </div>
                  <!-- 视频 -->

                  <div class="match-video-wrap">
                    <div class="match-video-sw">
                      <ul class="matchsw" id="game_vod_10359" style="left: 0px;"></ul>
                    </div>
                    <a class="match-sw-prev" href="javascript:;"
                       onclick="">
                      <svg class="icon">
                        <path fill-rule="evenodd"
                              d="M9.000,4.997 L10.000,2.997 L7.000,-0.003 L-0.000,5.997 L-0.000,7.997 L7.000,13.997 L10.000,10.997 L9.000,8.997 L7.000,10.997 L2.000,6.997 L2.000,6.997 L7.000,2.997 L9.000,4.997 Z"></path>
                      </svg>
                    </a>
                    <a class="match-sw-next" href="javascript:;"
                       onclick="">
                      <svg class="icon">
                        <path fill-rule="evenodd"
                              d="M1.000,4.997 L-0.000,2.997 L3.000,-0.003 L10.000,5.997 L10.000,7.997 L3.000,13.997 L-0.000,10.997 L1.000,8.997 L3.000,10.997 L8.000,6.997 L8.000,6.997 L3.000,2.997 L1.000,4.997 Z"></path>
                      </svg>
                    </a>
                  </div>

                </li>
              </ul>
            </div>
          </div>
          <!-- 赛程 End -->
        </div>



        <!-- 赛事信息及购票 Start -->
        <div class="match-ticket" style="display: none;">

          <div class="base-title">
            <div class="title">赛事购票</div>
            <svg class="icon">
              <path fill-rule="evenodd"
                    d="M13.000,6.000 L13.000,5.000 L14.000,5.000 L14.000,6.000 L13.000,6.000 ZM12.000,7.000 L12.000,6.000 L13.000,6.000 L13.000,7.000 L12.000,7.000 ZM11.000,8.000 L11.000,7.000 L12.000,7.000 L12.000,8.000 L11.000,8.000 ZM10.000,9.000 L10.000,8.000 L11.000,8.000 L11.000,9.000 L10.000,9.000 ZM9.000,10.000 L9.000,9.000 L10.000,9.000 L10.000,10.000 L9.000,10.000 ZM12.000,4.000 L13.000,4.000 L13.000,5.000 L12.000,5.000 L12.000,4.000 ZM11.000,3.000 L12.000,3.000 L12.000,4.000 L11.000,4.000 L11.000,3.000 ZM10.000,2.000 L11.000,2.000 L11.000,3.000 L10.000,3.000 L10.000,2.000 ZM9.000,1.000 L10.000,1.000 L10.000,2.000 L9.000,2.000 L9.000,1.000 ZM9.000,4.000 L10.000,4.000 L10.000,5.000 L11.000,5.000 L11.000,6.000 L10.000,6.000 L10.000,7.000 L9.000,7.000 L9.000,8.000 L8.000,8.000 L8.000,9.000 L7.000,9.000 L7.000,10.000 L6.000,10.000 L6.000,11.000 L4.000,11.000 L4.000,10.000 L5.000,10.000 L5.000,9.000 L6.000,9.000 L6.000,8.000 L7.000,8.000 L7.000,7.000 L8.000,7.000 L8.000,6.000 L9.000,6.000 L9.000,5.000 L8.000,5.000 L8.000,4.000 L7.000,4.000 L7.000,3.000 L6.000,3.000 L6.000,2.000 L5.000,2.000 L5.000,1.000 L4.000,1.000 L4.000,-0.000 L6.000,-0.000 L6.000,1.000 L7.000,1.000 L7.000,2.000 L8.000,2.000 L8.000,3.000 L9.000,3.000 L9.000,4.000 ZM4.000,4.000 L5.000,4.000 L5.000,5.000 L6.000,5.000 L6.000,6.000 L5.000,6.000 L5.000,7.000 L4.000,7.000 L4.000,8.000 L3.000,8.000 L3.000,9.000 L2.000,9.000 L2.000,10.000 L-0.000,10.000 L-0.000,1.000 L2.000,1.000 L2.000,2.000 L3.000,2.000 L3.000,3.000 L4.000,3.000 L4.000,4.000 Z"></path>
            </svg>
          </div>

        </div>
        <!--赛事信息及购票 End-->

        <!-- 赛事进度 Start -->
        <div class="match-progress module-anchor" data-name="赛事进度">
          <div class="base-title">
            <div class="title">赛事进度</div>
            <svg class="icon">
              <path fill-rule="evenodd"
                    d="M13.000,6.000 L13.000,5.000 L14.000,5.000 L14.000,6.000 L13.000,6.000 ZM12.000,7.000 L12.000,6.000 L13.000,6.000 L13.000,7.000 L12.000,7.000 ZM11.000,8.000 L11.000,7.000 L12.000,7.000 L12.000,8.000 L11.000,8.000 ZM10.000,9.000 L10.000,8.000 L11.000,8.000 L11.000,9.000 L10.000,9.000 ZM9.000,10.000 L9.000,9.000 L10.000,9.000 L10.000,10.000 L9.000,10.000 ZM12.000,4.000 L13.000,4.000 L13.000,5.000 L12.000,5.000 L12.000,4.000 ZM11.000,3.000 L12.000,3.000 L12.000,4.000 L11.000,4.000 L11.000,3.000 ZM10.000,2.000 L11.000,2.000 L11.000,3.000 L10.000,3.000 L10.000,2.000 ZM9.000,1.000 L10.000,1.000 L10.000,2.000 L9.000,2.000 L9.000,1.000 ZM9.000,4.000 L10.000,4.000 L10.000,5.000 L11.000,5.000 L11.000,6.000 L10.000,6.000 L10.000,7.000 L9.000,7.000 L9.000,8.000 L8.000,8.000 L8.000,9.000 L7.000,9.000 L7.000,10.000 L6.000,10.000 L6.000,11.000 L4.000,11.000 L4.000,10.000 L5.000,10.000 L5.000,9.000 L6.000,9.000 L6.000,8.000 L7.000,8.000 L7.000,7.000 L8.000,7.000 L8.000,6.000 L9.000,6.000 L9.000,5.000 L8.000,5.000 L8.000,4.000 L7.000,4.000 L7.000,3.000 L6.000,3.000 L6.000,2.000 L5.000,2.000 L5.000,1.000 L4.000,1.000 L4.000,-0.000 L6.000,-0.000 L6.000,1.000 L7.000,1.000 L7.000,2.000 L8.000,2.000 L8.000,3.000 L9.000,3.000 L9.000,4.000 ZM4.000,4.000 L5.000,4.000 L5.000,5.000 L6.000,5.000 L6.000,6.000 L5.000,6.000 L5.000,7.000 L4.000,7.000 L4.000,8.000 L3.000,8.000 L3.000,9.000 L2.000,9.000 L2.000,10.000 L-0.000,10.000 L-0.000,1.000 L2.000,1.000 L2.000,2.000 L3.000,2.000 L3.000,3.000 L4.000,3.000 L4.000,4.000 Z"></path>
            </svg>
          </div>

          <!-- 赛季筛选 -->
          <ul id="stage-type-2" class="lpl_progress_nav fr clearfix">

            <li id="game_type2_1" class="w1" data-open="1">
              <a href="javascript:Base.InitGameSchedule2(&#39;1&#39;, &#39;101&#39;,0);"
                 onclick="">春季赛常规赛</a>
            </li>


            <li id="game_type2_5" class="w2" data-open="1">
              <a href="javascript:Base.InitGameSchedule2(&#39;5&#39;, &#39;22&#39;,1);"
                 onclick="">春季赛季后赛</a>
            </li>


            <li id="game_type2_7" class="w3 on" data-open="1">
              <a href="javascript:Base.InitGameSchedule2(&#39;7&#39;, &#39;101&#39;,2);"
                 onclick="">夏季赛常规赛</a>
            </li>

          </ul>

          <!-- 赛季面板 -->
          <div class="lpl_match_progress">

            <!-- 春季常规赛 Start -->
            <div class="spring_routine_match_box macth-box" style="display: none;">
              <div class="progress-1">
                <div id="week-type-box-1" class="week-type-box">
                  <div id="day-type-2" class="week-type"></div>
                </div>
                <div class="week-type-control">
                  <a id="btn-prev-2" class="btn-prev" href="javascript:;"
                     onclick="">
                    <svg width="6px" height="11px">
                      <path fill-rule="evenodd"
                            d="M5.000,11.000 L5.000,10.000 L4.000,10.000 L4.000,9.000 L3.000,9.000 L3.000,8.000 L2.000,8.000 L2.000,7.000 L1.000,7.000 L1.000,6.000 L-0.000,6.000 L-0.000,5.000 L1.000,5.000 L1.000,4.000 L2.000,4.000 L2.000,3.000 L3.000,3.000 L3.000,2.000 L4.000,2.000 L4.000,1.000 L5.000,1.000 L5.000,-0.000 L6.000,-0.000 L6.000,1.000 L6.000,2.000 L5.000,2.000 L5.000,3.000 L4.000,3.000 L4.000,4.000 L3.000,4.000 L3.000,5.000 L2.000,5.000 L2.000,6.000 L3.000,6.000 L3.000,7.000 L4.000,7.000 L4.000,8.000 L5.000,8.000 L5.000,9.000 L6.000,9.000 L6.000,10.000 L6.000,11.000 L5.000,11.000 Z"></path>
                    </svg>
                  </a>
                  <a id="btn-next-2" class="btn-next" href="javascript:;"
                     onclick="">
                    <svg width="6px" height="11px">
                      <path fill-rule="evenodd"
                            d="M5.000,6.000 L5.000,7.000 L4.000,7.000 L4.000,8.000 L3.000,8.000 L3.000,9.000 L2.000,9.000 L2.000,10.000 L1.000,10.000 L1.000,11.000 L-0.000,11.000 L-0.000,10.000 L-0.000,9.000 L1.000,9.000 L1.000,8.000 L2.000,8.000 L2.000,7.000 L3.000,7.000 L3.000,6.000 L4.000,6.000 L4.000,5.000 L3.000,5.000 L3.000,4.000 L2.000,4.000 L2.000,3.000 L1.000,3.000 L1.000,2.000 L-0.000,2.000 L-0.000,1.000 L-0.000,-0.000 L1.000,-0.000 L1.000,1.000 L2.000,1.000 L2.000,2.000 L3.000,2.000 L3.000,3.000 L4.000,3.000 L4.000,4.000 L5.000,4.000 L5.000,5.000 L6.000,5.000 L6.000,6.000 L5.000,6.000 Z"></path>
                    </svg>
                  </a>
                </div>
                <div id="progress_scroll-1" class="progress-scroll-wrap base-scroll">
                  <ul id="match-list-1" class="match-list"></ul>
                </div>
              </div>
              <!--积分榜单-->
              <div class="progress-2">
                <div class="team-scoreboard">
                  <div class="scoreboard-head">
                    <div class="scoreboard-title">
                      <span>战队积分榜</span>
                    </div>
                    <div class="tr">
                      <div class="td">排名</div>
                      <div class="td">战队</div>
                      <div class="td">胜负</div>
                      <div class="td">积分</div>
                    </div>
                  </div>
                  <div class="scoreboard-scroll base-scroll">
                    <ul class="match-rank-list" id="match-rank-list-1"></ul>
                  </div>
                </div>
              </div>
            </div>
            <!-- 春季常规赛 End -->

            <!--春季季后赛 Start-->
            <div class="spring_playoff_box  macth-box" id="summer_1" style="display: none;">
              <!-- <div class="part-box1 clearfloat">
                <ul class="part1 clearfix"></ul>
                <ul class="part2 clearfix"></ul>
              </div>
              <div class="part-box2 clearfloat"></div>
              <div class="part-box3"></div> -->

              <!-- 2021赛季 冒泡赛,季后赛模板 -->
              <div class="m-events-container m-container">
                <!--21年季后赛模板,3轮冒泡赛加双败赛-->
                <div class="event-type-1 lpl-play-offs lpl-play-offs-21" id="LPL_PO_C">
                  <div class="lpl-play-offs-21-bubbling">
                    <div class="format list-col">
                      <div class="format-name">冒泡赛</div>
                      <div class="format-name format-name-both">双败赛</div>
                    </div>
                    <div class="list-col">

                      <div class="list-col-one over">
                        <!-- 比赛轮数 -->
                        <h3 class="match-part-name">

                          <span class="sheaves-num">第一轮</span>
                          <span class="status">已结束</span>

                        </h3>
                        <!--两支战队-->
                        <p class="team ">
                          <span class="img-wrap"><img src="es/lpl/0(9)" alt=""></span>
                          <a class="team-name">TT</a>
                          <a class="score">1</a>
                        </p>
                        <p class="team win">
                          <span class="img-wrap"><img src="es/lpl/0(12)" alt=""></span>
                          <a class="team-name">RNG</a>
                          <a class="score">3</a>
                        </p>
                        <!--对局下方的游戏状态,时间等信息栏-->
                        <p class="info">
                          <span class="time">3月30日 17:00</span>

                          <a class="herf-video sprites-icon" target="_blank"
                             href="https://lpl.qq.com/es/video_detail.shtml?nid=52369&amp;bMatchId=10005"
                             onclick="">视频</a>
                          <a class="herf-data sprites-icon" target="_blank"
                             href="https://lpl.qq.com/es/stats.shtml?bmid=10005"
                             onclick="">数据</a>

                        </p>
                      </div>

                      <div class="list-col-one over">
                        <!-- 比赛轮数 -->
                        <h3 class="match-part-name">

                        </h3>
                        <!--两支战队-->
                        <p class="team win">
                          <span class="img-wrap"><img src="es/lpl/0(6)" alt=""></span>
                          <a class="team-name">TES</a>
                          <a class="score">3</a>
                        </p>
                        <p class="team ">
                          <span class="img-wrap"><img src="es/lpl/0(7)" alt=""></span>
                          <a class="team-name">西安WE</a>
                          <a class="score">1</a>
                        </p>
                        <!--对局下方的游戏状态,时间等信息栏-->
                        <p class="info">
                          <span class="time">3月31日 17:00</span>

                          <a class="herf-video sprites-icon" target="_blank"
                             href="https://lpl.qq.com/es/video_detail.shtml?nid=52395&amp;bMatchId=10006"
                             onclick="">视频</a>
                          <a class="herf-data sprites-icon" target="_blank"
                             href="https://lpl.qq.com/es/stats.shtml?bmid=10006"
                             onclick="">数据</a>

                        </p>
                      </div>

                      <div class="list-col-one over">
                        <!-- 比赛轮数 -->
                        <h3 class="match-part-name">

                          <span class="sheaves-num">胜者组-第一轮</span>
                          <span class="status">已结束</span>

                        </h3>
                        <!--两支战队-->
                        <p class="team win">
                          <span class="img-wrap"><img src="es/lpl/0(8)" alt=""></span>
                          <a class="team-name">北京JDG英特尔</a>
                          <a class="score">3</a>
                        </p>
                        <p class="team ">
                          <span class="img-wrap"><img src="es/lpl/0(11)" alt=""></span>
                          <a class="team-name">BLG平安银行</a>
                          <a class="score">2</a>
                        </p>
                        <!--对局下方的游戏状态,时间等信息栏-->
                        <p class="info">
                          <span class="time">4月05日 17:00</span>

                          <a class="herf-video sprites-icon" target="_blank"
                             href="https://lpl.qq.com/es/video_detail.shtml?nid=52534&amp;bMatchId=10011"
                             onclick="">视频</a>
                          <a class="herf-data sprites-icon" target="_blank"
                             href="https://lpl.qq.com/es/stats.shtml?bmid=10011"
                             onclick="">数据</a>

                        </p>
                      </div>

                      <div class="list-col-one over">
                        <!-- 比赛轮数 -->
                        <h3 class="match-part-name">

                        </h3>
                        <!--两支战队-->
                        <p class="team win">
                          <span class="img-wrap"><img src="es/lpl/0(16)" alt=""></span>
                          <a class="team-name">上海EDG合创汽车</a>
                          <a class="score">3</a>
                        </p>
                        <p class="team ">
                          <span class="img-wrap"><img src="es/lpl/0(15)" alt=""></span>
                          <a class="team-name">OMG</a>
                          <a class="score">1</a>
                        </p>
                        <!--对局下方的游戏状态,时间等信息栏-->
                        <p class="info">
                          <span class="time">4月06日 17:00</span>

                          <a class="herf-video sprites-icon" target="_blank"
                             href="https://lpl.qq.com/es/video_detail.shtml?nid=52562&amp;bMatchId=10012"
                             onclick="">视频</a>
                          <a class="herf-data sprites-icon" target="_blank"
                             href="https://lpl.qq.com/es/stats.shtml?bmid=10012"
                             onclick="">数据</a>

                        </p>
                      </div>

                      <div class="list-col-one over">
                        <!-- 比赛轮数 -->
                        <h3 class="match-part-name">

                          <span class="sheaves-num">败者组-第一轮</span>
                          <span class="status">已结束</span>

                        </h3>
                        <!--两支战队-->
                        <p class="team win">
                          <span class="img-wrap"><img src="es/lpl/0(11)" alt=""></span>
                          <a class="team-name">BLG平安银行</a>
                          <a class="score">3</a>
                        </p>
                        <p class="team ">
                          <span class="img-wrap"><img src="es/lpl/0(15)" alt=""></span>
                          <a class="team-name">OMG</a>
                          <a class="score">2</a>
                        </p>
                        <!--对局下方的游戏状态,时间等信息栏-->
                        <p class="info">
                          <span class="time">4月08日 17:00</span>

                          <a class="herf-video sprites-icon" target="_blank"
                             href="https://lpl.qq.com/es/video_detail.shtml?nid=52595&amp;bMatchId=10013"
                             onclick="">视频</a>
                          <a class="herf-data sprites-icon" target="_blank"
                             href="https://lpl.qq.com/es/stats.shtml?bmid=10013"
                             onclick="">数据</a>

                        </p>
                      </div>

                    </div>
                    <div class="list-col front-box list-wire">
                      <i class="link-0"></i>
                      <div class="link-wirebox">
                        <div class="link-wire1"></div>
                        <div class="link-wire2"></div>
                      </div>
                      <div class="link-line"></div>
                    </div>
                    <div class="list-col">

                      <div class="list-col-one over">
                        <!-- 比赛轮数 -->
                        <h3 class="match-part-name">

                          <span class="sheaves-num">第二轮</span>
                          <span class="status">已结束</span>

                        </h3>
                        <!--两支战队-->
                        <p class="team win">
                          <span class="img-wrap"><img src="es/lpl/0(11)" alt=""></span>
                          <a class="team-name">BLG平安银行</a>
                          <a class="score">3</a>
                        </p>
                        <p class="team ">
                          <span class="img-wrap"><img src="es/lpl/0(12)" alt=""></span>
                          <a class="team-name">RNG</a>
                          <a class="score">1</a>
                        </p>
                        <!--对局下方的游戏状态,时间等信息栏-->
                        <p class="info">
                          <span class="time">4月01日 17:00</span>

                          <a class="herf-video sprites-icon" target="_blank"
                             href="https://lpl.qq.com/es/video_detail.shtml?nid=52424&amp;bMatchId=10007"
                             onclick="">视频</a>
                          <a class="herf-data sprites-icon" target="_blank"
                             href="https://lpl.qq.com/es/stats.shtml?bmid=10007"
                             onclick="">数据</a>

                        </p>
                      </div>

                      <div class="list-col-one over">
                        <!-- 比赛轮数 -->
                        <h3 class="match-part-name">

                        </h3>
                        <!--两支战队-->
                        <p class="team win">
                          <span class="img-wrap"><img src="es/lpl/0(15)" alt=""></span>
                          <a class="team-name">OMG</a>
                          <a class="score">3</a>
                        </p>
                        <p class="team ">
                          <span class="img-wrap"><img src="es/lpl/0(6)" alt=""></span>
                          <a class="team-name">TES</a>
                          <a class="score">2</a>
                        </p>
                        <!--对局下方的游戏状态,时间等信息栏-->
                        <p class="info">
                          <span class="time">4月02日 17:00</span>

                          <a class="herf-video sprites-icon" target="_blank"
                             href="https://lpl.qq.com/es/video_detail.shtml?nid=52452&amp;bMatchId=10008"
                             onclick="">视频</a>
                          <a class="herf-data sprites-icon" target="_blank"
                             href="https://lpl.qq.com/es/stats.shtml?bmid=10008"
                             onclick="">数据</a>

                        </p>
                      </div>

                      <div class="list-col-one over">
                        <!-- 比赛轮数 -->
                        <h3 class="match-part-name">

                          <span class="sheaves-num">胜者组-第二轮</span>
                          <span class="status">已结束</span>

                        </h3>
                        <!--两支战队-->
                        <p class="team win">
                          <span class="img-wrap"><img src="es/lpl/0(8)" alt=""></span>
                          <a class="team-name">北京JDG英特尔</a>
                          <a class="score">3</a>
                        </p>
                        <p class="team ">
                          <span class="img-wrap"><img src="es/lpl/0(16)" alt=""></span>
                          <a class="team-name">上海EDG合创汽车</a>
                          <a class="score">0</a>
                        </p>
                        <!--对局下方的游戏状态,时间等信息栏-->
                        <p class="info">
                          <span class="time">4月09日 17:00</span>

                          <a class="herf-video sprites-icon" target="_blank"
                             href="https://lpl.qq.com/es/video_detail.shtml?nid=52629&amp;bMatchId=10014"
                             onclick="">视频</a>
                          <a class="herf-data sprites-icon" target="_blank"
                             href="https://lpl.qq.com/es/stats.shtml?bmid=10014"
                             onclick="">数据</a>

                        </p>
                      </div>

                      <div class="list-col-one over">
                        <!-- 比赛轮数 -->
                        <h3 class="match-part-name">

                          <span class="sheaves-num">败者组-第二轮</span>
                          <span class="status">已结束</span>

                        </h3>
                        <!--两支战队-->
                        <p class="team win">
                          <span class="img-wrap"><img src="es/lpl/0(11)" alt=""></span>
                          <a class="team-name">BLG平安银行</a>
                          <a class="score">3</a>
                        </p>
                        <p class="team ">
                          <span class="img-wrap"><img src="es/lpl/0(16)" alt=""></span>
                          <a class="team-name">上海EDG合创汽车</a>
                          <a class="score">2</a>
                        </p>
                        <!--对局下方的游戏状态,时间等信息栏-->
                        <p class="info">
                          <span class="time">4月11日 17:00</span>

                          <a class="herf-video sprites-icon" target="_blank"
                             href="https://lpl.qq.com/es/video_detail.shtml?nid=52653&amp;bMatchId=10015"
                             onclick="">视频</a>
                          <a class="herf-data sprites-icon" target="_blank"
                             href="https://lpl.qq.com/es/stats.shtml?bmid=10015"
                             onclick="">数据</a>

                        </p>
                      </div>

                    </div>
                    <!-- 横线 -->
                    <div class="list-col front-box list-wire2">
                      <i class="link-0"></i>
                      <div class="link-wirebox">
                        <div class="link-wire1"></div>
                        <div class="link-wire2"></div>
                      </div>
                      <div class="link-line"></div>
                    </div>
                    <div class="list-col">

                      <div class="list-col-one over">
                        <!-- 比赛轮数 -->
                        <h3 class="match-part-name">

                          <span class="sheaves-num">第三轮</span>
                          <span class="status">已结束</span>

                        </h3>
                        <!--两支战队-->
                        <p class="team ">
                          <span class="img-wrap"><img src="es/lpl/0(14)" alt=""></span>
                          <a class="team-name">WBG一汽奥迪</a>
                          <a class="score">0</a>
                        </p>
                        <p class="team win">
                          <span class="img-wrap"><img src="es/lpl/0(11)" alt=""></span>
                          <a class="team-name">BLG平安银行</a>
                          <a class="score">3</a>
                        </p>
                        <!--对局下方的游戏状态,时间等信息栏-->
                        <p class="info">
                          <span class="time">4月03日 17:00</span>

                          <a class="herf-video sprites-icon" target="_blank"
                             href="https://lpl.qq.com/es/video_detail.shtml?nid=52485&amp;bMatchId=10009"
                             onclick="">视频</a>
                          <a class="herf-data sprites-icon" target="_blank"
                             href="https://lpl.qq.com/es/stats.shtml?bmid=10009"
                             onclick="">数据</a>

                        </p>
                      </div>

                      <div class="list-col-one over">
                        <!-- 比赛轮数 -->
                        <h3 class="match-part-name">

                        </h3>
                        <!--两支战队-->
                        <p class="team ">
                          <span class="img-wrap"><img src="es/lpl/0(1)" alt=""></span>
                          <a class="team-name">苏州LNG</a>
                          <a class="score">1</a>
                        </p>
                        <p class="team win">
                          <span class="img-wrap"><img src="es/lpl/0(15)" alt=""></span>
                          <a class="team-name">OMG</a>
                          <a class="score">3</a>
                        </p>
                        <!--对局下方的游戏状态,时间等信息栏-->
                        <p class="info">
                          <span class="time">4月04日 17:00</span>

                          <a class="herf-video sprites-icon" target="_blank"
                             href="https://lpl.qq.com/es/video_detail.shtml?nid=52529&amp;bMatchId=10010"
                             onclick="">视频</a>
                          <a class="herf-data sprites-icon" target="_blank"
                             href="https://lpl.qq.com/es/stats.shtml?bmid=10010"
                             onclick="">数据</a>

                        </p>
                      </div>

                      <div class="list-col-one over">
                        <!-- 比赛轮数 -->
                        <h3 class="match-part-name">

                          <span class="sheaves-num">决赛</span>
                          <span class="status">已结束</span>

                        </h3>
                        <!--两支战队-->
                        <p class="team win">
                          <span class="img-wrap"><img src="es/lpl/0(8)" alt=""></span>
                          <a class="team-name">北京JDG英特尔</a>
                          <a class="score">3</a>
                        </p>
                        <p class="team ">
                          <span class="img-wrap"><img src="es/lpl/0(11)" alt=""></span>
                          <a class="team-name">BLG平安银行</a>
                          <a class="score">1</a>
                        </p>
                        <!--对局下方的游戏状态,时间等信息栏-->
                        <p class="info">
                          <span class="time">4月15日 14:30</span>

                          <a class="herf-video sprites-icon" target="_blank"
                             href="https://lpl.qq.com/es/video_detail.shtml?nid=52690&amp;bMatchId=10016"
                             onclick="">视频</a>
                          <a class="herf-data sprites-icon" target="_blank"
                             href="https://lpl.qq.com/es/stats.shtml?bmid=10016"
                             onclick="">数据</a>

                        </p>
                      </div>

                    </div>
                  </div>
                </div>

              </div>
            </div>
            <!--春季季后赛 End-->

            <!-- 夏季常规赛 Start -->
            <div class="spring_routine_match_box macth-box summer" style="">
              <div class="progress-1">
                <div class="week-type-box" id="week-type-box-2">
                </div>
                <div class="week-type-control">
                  <a id="btn-prev-3" class="btn-prev" href="javascript:;"
                     onclick="">
                    <svg width="6px" height="11px">
                      <path fill-rule="evenodd"
                            d="M5.000,11.000 L5.000,10.000 L4.000,10.000 L4.000,9.000 L3.000,9.000 L3.000,8.000 L2.000,8.000 L2.000,7.000 L1.000,7.000 L1.000,6.000 L-0.000,6.000 L-0.000,5.000 L1.000,5.000 L1.000,4.000 L2.000,4.000 L2.000,3.000 L3.000,3.000 L3.000,2.000 L4.000,2.000 L4.000,1.000 L5.000,1.000 L5.000,-0.000 L6.000,-0.000 L6.000,1.000 L6.000,2.000 L5.000,2.000 L5.000,3.000 L4.000,3.000 L4.000,4.000 L3.000,4.000 L3.000,5.000 L2.000,5.000 L2.000,6.000 L3.000,6.000 L3.000,7.000 L4.000,7.000 L4.000,8.000 L5.000,8.000 L5.000,9.000 L6.000,9.000 L6.000,10.000 L6.000,11.000 L5.000,11.000 Z"></path>
                    </svg>
                  </a>
                  <a id="btn-next-3" class="btn-next" href="javascript:;"
                     onclick="">
                    <svg width="6px" height="11px">
                      <path fill-rule="evenodd"
                            d="M5.000,6.000 L5.000,7.000 L4.000,7.000 L4.000,8.000 L3.000,8.000 L3.000,9.000 L2.000,9.000 L2.000,10.000 L1.000,10.000 L1.000,11.000 L-0.000,11.000 L-0.000,10.000 L-0.000,9.000 L1.000,9.000 L1.000,8.000 L2.000,8.000 L2.000,7.000 L3.000,7.000 L3.000,6.000 L4.000,6.000 L4.000,5.000 L3.000,5.000 L3.000,4.000 L2.000,4.000 L2.000,3.000 L1.000,3.000 L1.000,2.000 L-0.000,2.000 L-0.000,1.000 L-0.000,-0.000 L1.000,-0.000 L1.000,1.000 L2.000,1.000 L2.000,2.000 L3.000,2.000 L3.000,3.000 L4.000,3.000 L4.000,4.000 L5.000,4.000 L5.000,5.000 L6.000,5.000 L6.000,6.000 L5.000,6.000 Z"></path>
                    </svg>
                  </a>
                </div>
                <div id="progress_scroll-2" class="progress-scroll-wrap base-scroll">
                  <ul class="match-list" id="match-list-2">
                    <li class="match-ending" v-for="match in matches">
                      <div class="proceed"></div>
                      <div class="match-time">
                        <div class="date">{{match.date}}</div>
                        <div class="time">{{match.time}}</div>
                        <div class="status">已结束</div>
                      </div>
                      <div class="match-score">
                        <div class="team-item">{{match.homeTeamName}}</div>
                        <div class="match-result">
                          <div class="score-item victory">{{match.homeScore}}</div>
                          <div class="score-item ">{{match.awayScore}}</div>
                        </div>
                        <div class="team-item">{{match.awayTeamName}}</div>
                      </div>
                      <div class="video-item">


                        <a class="base-btn btn-data"
                           :href="'message.html?'+match.matchId" target="_blank"
                           onclick="">
                          <div class="text">数据</div>
                        </a>


                        <a class="base-btn btn-video"
                           href="https://lpl.qq.com/es/video_detail.shtml?nid=55231&amp;bMatchId=10359"
                           target="_blank"
                           onclick="">
                          <div class="text">视频</div>
                        </a>


                      </div>
                    </li>
                  </ul>
                </div>
              </div>
              <!-- 积分榜单 -->
              <div class="progress-2">
                <div class="team-scoreboard">
                  <div class="scoreboard-head">
                    <div class="scoreboard-title">
                      <span>常规赛排名</span>
                    </div>
                    <div class="tr">
                      <div class="td">排名</div>
                      <div class="td">战队</div>
                      <div class="td">胜负</div>
                    </div>
                  </div>
                  <div class="scoreboard-scroll base-scroll">
                    <ul class="match-rank-list" id="match-rank-list-2">
                      <li v-for="(teamByOrder,index) in teamsByOrder">
                        <div class="td">
                          <div class="top-rank top_1">{{index+1}}</div>
                        </div>
                        <div class="td">
                          <div class="match-rank-team">
                            <div class="team-logo">
                              <a target="_blank"
                                 href="https://lpl.qq.com/es/team_detail.shtml?tid=57"
                                 onclick="">
                                <img :src="teamByOrder.icon">
                              </a>
                            </div>
                            <div class="team-name">{{teamByOrder.name}}</div>
                          </div>
                        </div>
                        <div class="td">
                          <div class="match-rank-rult">
                            <span class="win">{{teamByOrder.totalWin}}</span>
                            <span class="centline">/</span>
                            <div class="lost">{{teamByOrder.totalLose}}</div>
                          </div>
                        </div>
                      </li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>
            <!-- 夏季常规赛 End -->

            <!--夏季季后赛 Start-->
            <div class="spring_playoff_box macth-box summer" id="summer_2" style="display: none;">

              <!-- 2021赛季 冒泡赛,季后赛模板 -->
              <div class="m-events-container m-container">
                <!--21年季后赛模板,3轮冒泡赛加双败赛-->
                <div class="event-type-1 lpl-play-offs lpl-play-offs-21" id="LPL_PO_S">

                </div>

              </div>
            </div>
            <!--夏季季后赛 End-->
          </div>
        </div>
        <!-- 赛事进度 End -->
      </div>
    </div>

    <div class="module module-4">
      <div class="module-inner">

        <!-- 数据榜单 Start -->
        <div class="match-ranklist module-anchor" data-name="数据榜单">

          <!-- 英雄排行榜 Start -->
          <div class="hero-list">

            <div class="base-title">
              <div class="title">英雄排行榜</div>
              <svg class="icon">
                <path fill-rule="evenodd"
                      d="M13.000,6.000 L13.000,5.000 L14.000,5.000 L14.000,6.000 L13.000,6.000 ZM12.000,7.000 L12.000,6.000 L13.000,6.000 L13.000,7.000 L12.000,7.000 ZM11.000,8.000 L11.000,7.000 L12.000,7.000 L12.000,8.000 L11.000,8.000 ZM10.000,9.000 L10.000,8.000 L11.000,8.000 L11.000,9.000 L10.000,9.000 ZM9.000,10.000 L9.000,9.000 L10.000,9.000 L10.000,10.000 L9.000,10.000 ZM12.000,4.000 L13.000,4.000 L13.000,5.000 L12.000,5.000 L12.000,4.000 ZM11.000,3.000 L12.000,3.000 L12.000,4.000 L11.000,4.000 L11.000,3.000 ZM10.000,2.000 L11.000,2.000 L11.000,3.000 L10.000,3.000 L10.000,2.000 ZM9.000,1.000 L10.000,1.000 L10.000,2.000 L9.000,2.000 L9.000,1.000 ZM9.000,4.000 L10.000,4.000 L10.000,5.000 L11.000,5.000 L11.000,6.000 L10.000,6.000 L10.000,7.000 L9.000,7.000 L9.000,8.000 L8.000,8.000 L8.000,9.000 L7.000,9.000 L7.000,10.000 L6.000,10.000 L6.000,11.000 L4.000,11.000 L4.000,10.000 L5.000,10.000 L5.000,9.000 L6.000,9.000 L6.000,8.000 L7.000,8.000 L7.000,7.000 L8.000,7.000 L8.000,6.000 L9.000,6.000 L9.000,5.000 L8.000,5.000 L8.000,4.000 L7.000,4.000 L7.000,3.000 L6.000,3.000 L6.000,2.000 L5.000,2.000 L5.000,1.000 L4.000,1.000 L4.000,-0.000 L6.000,-0.000 L6.000,1.000 L7.000,1.000 L7.000,2.000 L8.000,2.000 L8.000,3.000 L9.000,3.000 L9.000,4.000 ZM4.000,4.000 L5.000,4.000 L5.000,5.000 L6.000,5.000 L6.000,6.000 L5.000,6.000 L5.000,7.000 L4.000,7.000 L4.000,8.000 L3.000,8.000 L3.000,9.000 L2.000,9.000 L2.000,10.000 L-0.000,10.000 L-0.000,1.000 L2.000,1.000 L2.000,2.000 L3.000,2.000 L3.000,3.000 L4.000,3.000 L4.000,4.000 Z"></path>
              </svg>
            </div>

            <!-- 英雄排行榜 - 筛选 -->
            <ul class="base-sort-list hero-sort">
              <li class="on">
                <a href="javascript:;" onclick="">禁用率
                </a>
              </li>
              <li>
                <a href="javascript:;" onclick="">使用率
                </a>
              </li>
            </ul>

            <!-- 禁用率 -->
            <ul class="ranklist usage-rate active">
              <li v-for="banHero in banHeroes">
                <p class="ranktimes">{{banHero.banHeroId}}场</p>
                <div class="rankbg">
                  <div class="rankshow" :style="{height: banHero.banHeroId*100/totalMatch+'%'}"></div>
                </div>
                <p class="rankpct">{{(banHero.banHeroId*100/totalMatch).toFixed(2)+'%'}}</p>
                <img :src="banHero.bhero.icon" width="37" height="37">
                <p class="rankname">{{banHero.bhero.name}}</p>
              </li>
            </ul>

            <!-- 使用率 -->
            <ul class="ranklist disable-rate">
              <li v-for="pickHero in pickHeroes">
                <p class="ranktimes">{{pickHero.phero.heroId}}场</p>
                <div class="rankbg">
                  <div class="rankshow" :style="{height: pickHero.phero.heroId*100/totalMatch+'%'}"></div>
                </div>
                <p class="rankpct">{{(pickHero.phero.heroId*100/totalMatch).toFixed(2)+'%'}}</p>
                <img :src="pickHero.phero.icon" width="37" height="37">
                <p class="rankname">{{pickHero.phero.name}}</p>
              </li>
            </ul>
          </div>
          <!-- 英雄排行榜 End-->

          <!-- 每周最佳阵容 Start -->
          <div class="lineup-list">

            <div class="base-title">
              <div class="title">每周最佳阵容</div>
              <svg class="icon">
                <path fill-rule="evenodd"
                      d="M13.000,6.000 L13.000,5.000 L14.000,5.000 L14.000,6.000 L13.000,6.000 ZM12.000,7.000 L12.000,6.000 L13.000,6.000 L13.000,7.000 L12.000,7.000 ZM11.000,8.000 L11.000,7.000 L12.000,7.000 L12.000,8.000 L11.000,8.000 ZM10.000,9.000 L10.000,8.000 L11.000,8.000 L11.000,9.000 L10.000,9.000 ZM9.000,10.000 L9.000,9.000 L10.000,9.000 L10.000,10.000 L9.000,10.000 ZM12.000,4.000 L13.000,4.000 L13.000,5.000 L12.000,5.000 L12.000,4.000 ZM11.000,3.000 L12.000,3.000 L12.000,4.000 L11.000,4.000 L11.000,3.000 ZM10.000,2.000 L11.000,2.000 L11.000,3.000 L10.000,3.000 L10.000,2.000 ZM9.000,1.000 L10.000,1.000 L10.000,2.000 L9.000,2.000 L9.000,1.000 ZM9.000,4.000 L10.000,4.000 L10.000,5.000 L11.000,5.000 L11.000,6.000 L10.000,6.000 L10.000,7.000 L9.000,7.000 L9.000,8.000 L8.000,8.000 L8.000,9.000 L7.000,9.000 L7.000,10.000 L6.000,10.000 L6.000,11.000 L4.000,11.000 L4.000,10.000 L5.000,10.000 L5.000,9.000 L6.000,9.000 L6.000,8.000 L7.000,8.000 L7.000,7.000 L8.000,7.000 L8.000,6.000 L9.000,6.000 L9.000,5.000 L8.000,5.000 L8.000,4.000 L7.000,4.000 L7.000,3.000 L6.000,3.000 L6.000,2.000 L5.000,2.000 L5.000,1.000 L4.000,1.000 L4.000,-0.000 L6.000,-0.000 L6.000,1.000 L7.000,1.000 L7.000,2.000 L8.000,2.000 L8.000,3.000 L9.000,3.000 L9.000,4.000 ZM4.000,4.000 L5.000,4.000 L5.000,5.000 L6.000,5.000 L6.000,6.000 L5.000,6.000 L5.000,7.000 L4.000,7.000 L4.000,8.000 L3.000,8.000 L3.000,9.000 L2.000,9.000 L2.000,10.000 L-0.000,10.000 L-0.000,1.000 L2.000,1.000 L2.000,2.000 L3.000,2.000 L3.000,3.000 L4.000,3.000 L4.000,4.000 Z"></path>
              </svg>
            </div>

            <ul class="player-card-list" id="LPL_R_best_player_C">
              <li>
                <div class="icon-seat seat-top"></div>
                <div class="icon-team">
                  <img :src="bestTop.teams.icon" title="战队图标">
                </div>
                <div class="player-avatar">
                  <img :src="bestTop.players.photoUrl" alt="bestTop.name">
                </div>
                <div class="player-name">{{bestTop.name}}</div>
              </li>

              <li>
                <div class="icon-seat seat-jug"></div>
                <div class="icon-team">
                  <img :src="bestJun.teams.icon" title="战队图标">
                </div>
                <div class="player-avatar">
                  <img :src="bestJun.players.photoUrl" alt="bestJun.name">
                </div>
                <div class="player-name">{{bestJun.name}}</div>
              </li>

              <li>
                <div class="icon-seat seat-mid"></div>
                <div class="icon-team">
                  <img :src="bestMid.teams.icon" title="战队图标">
                </div>
                <div class="player-avatar">
                  <img :src="bestMid.players.photoUrl" alt="bestMid.name">
                </div>
                <div class="player-name">{{bestMid.name}}</div>
              </li>

              <li>
                <div class="icon-seat seat-adc"></div>
                <div class="icon-team">
                  <img :src="bestAd.teams.icon" title="战队图标">
                </div>
                <div class="player-avatar">
                  <img :src="bestAd.players.photoUrl" alt="bestAd.name">
                </div>
                <div class="player-name">{{bestAd.name}}</div>
              </li>

              <li>
                <div class="icon-seat seat-sup"></div>
                <div class="icon-team">
                  <img :src="bestSup.teams.icon" title="战队图标">
                </div>
                <div class="player-avatar">
                  <img :src="bestSup.players.photoUrl" alt="bestSup.name">
                </div>
                <div class="player-name">{{bestSup.name}}</div>
              </li>
            </ul>
          </div>
          <!-- 每周最佳阵容 End -->

          <!-- 个人排行榜 Start -->
          <div class="player-list">

            <div class="base-title">
              <div class="title">个人排行榜</div>
              <svg class="icon">
                <path fill-rule="evenodd"
                      d="M13.000,6.000 L13.000,5.000 L14.000,5.000 L14.000,6.000 L13.000,6.000 ZM12.000,7.000 L12.000,6.000 L13.000,6.000 L13.000,7.000 L12.000,7.000 ZM11.000,8.000 L11.000,7.000 L12.000,7.000 L12.000,8.000 L11.000,8.000 ZM10.000,9.000 L10.000,8.000 L11.000,8.000 L11.000,9.000 L10.000,9.000 ZM9.000,10.000 L9.000,9.000 L10.000,9.000 L10.000,10.000 L9.000,10.000 ZM12.000,4.000 L13.000,4.000 L13.000,5.000 L12.000,5.000 L12.000,4.000 ZM11.000,3.000 L12.000,3.000 L12.000,4.000 L11.000,4.000 L11.000,3.000 ZM10.000,2.000 L11.000,2.000 L11.000,3.000 L10.000,3.000 L10.000,2.000 ZM9.000,1.000 L10.000,1.000 L10.000,2.000 L9.000,2.000 L9.000,1.000 ZM9.000,4.000 L10.000,4.000 L10.000,5.000 L11.000,5.000 L11.000,6.000 L10.000,6.000 L10.000,7.000 L9.000,7.000 L9.000,8.000 L8.000,8.000 L8.000,9.000 L7.000,9.000 L7.000,10.000 L6.000,10.000 L6.000,11.000 L4.000,11.000 L4.000,10.000 L5.000,10.000 L5.000,9.000 L6.000,9.000 L6.000,8.000 L7.000,8.000 L7.000,7.000 L8.000,7.000 L8.000,6.000 L9.000,6.000 L9.000,5.000 L8.000,5.000 L8.000,4.000 L7.000,4.000 L7.000,3.000 L6.000,3.000 L6.000,2.000 L5.000,2.000 L5.000,1.000 L4.000,1.000 L4.000,-0.000 L6.000,-0.000 L6.000,1.000 L7.000,1.000 L7.000,2.000 L8.000,2.000 L8.000,3.000 L9.000,3.000 L9.000,4.000 ZM4.000,4.000 L5.000,4.000 L5.000,5.000 L6.000,5.000 L6.000,6.000 L5.000,6.000 L5.000,7.000 L4.000,7.000 L4.000,8.000 L3.000,8.000 L3.000,9.000 L2.000,9.000 L2.000,10.000 L-0.000,10.000 L-0.000,1.000 L2.000,1.000 L2.000,2.000 L3.000,2.000 L3.000,3.000 L4.000,3.000 L4.000,4.000 Z"></path>
              </svg>
            </div>

            <!-- 个人排行榜 - 筛选 -->
            <ul class="base-sort-list player-sort">
              <li class="on"><a href="javascript:Base.InitPersonalrankInfo();"
                                onclick="">击杀</a>
              </li>
              <li><a href="javascript:Base.InitPersonalrankInfo(1);"
                     onclick="">助攻</a>
              </li>
              <li><a href="javascript:Base.InitPersonalrankInfo(5);"
                     onclick="">补刀</a>
              </li>
              <li><a href="javascript:Base.InitPersonalrankInfo(4);"
                     onclick="">金钱</a>
              </li>
            </ul>

            <!-- 击杀 -->
            <div class="cimi-tab-pr active">
              <ul class="tab-hd-title">
                <li>排名</li>
                <li>选手</li>
                <li>战队</li>
                <li>位置</li>
                <li>总击杀</li>
              </ul>
              <div class="tab-outer base-scroll">
                <table>
                  <tbody id="personalRanking-kill">
                  <tr v-for="(personalKill,index) in personalKills">
                    <td class="tb-01">
                      <div class="rank-num num-1">
                        <span>{{index+1}}</span>
                      </div>
                    </td>
                    <td class="tb-02">
                      <img :src="personalKill.players.photoUrl" :title="personalKill.players.name">
                      <span>{{personalKill.players.name}}</span>
                    </td>
                    <td class="tb-03">
                      <img :src="personalKill.teams.icon" title="战队图标">
                    </td>
                    <td class="tb-04">{{personalKill.players.replace}}</td>

                    <td class="tb-05">{{personalKill.kills}}</td>

                  </tr>
                  </tbody>
                </table>
              </div>
            </div>

            <!-- 助攻 -->
            <div class="cimi-tab-pr">
              <ul class="tab-hd-title">
                <li>排名</li>
                <li>选手</li>
                <li>战队</li>
                <li>位置</li>
                <li>总助攻</li>
              </ul>
              <div class="tab-outer base-scroll">
                <table>
                  <tbody id="personalRanking-assist">
                  <tr v-for="(personalAssist,index) in personalAssists">
                    <td class="tb-01">
                      <div class="rank-num num-1">
                        <span>{{index+1}}</span>
                      </div>
                    </td>
                    <td class="tb-02">
                      <img :src="personalAssist.players.photoUrl" :title="personalAssist.players.name">
                      <span>{{personalAssist.players.name}}</span>
                    </td>
                    <td class="tb-03">
                      <img :src="personalAssist.teams.icon" title="战队图标">
                    </td>
                    <td class="tb-04">{{personalAssist.players.replace}}</td>

                    <td class="tb-05">{{personalAssist.assists}}</td>

                  </tr>
                  </tbody>
                </table>
              </div>
            </div>

            <!-- 补刀 -->
            <div class="cimi-tab-pr">
              <ul class="tab-hd-title">
                <li>排名</li>
                <li>选手</li>
                <li>战队</li>
                <li>位置</li>
                <li>总补刀</li>
              </ul>
              <div class="tab-outer base-scroll">
                <table>
                  <tbody id="personalRanking-lasthit">
                  <tr v-for="(personalMinionsKill,index) in personalMinionsKills">
                    <td class="tb-01">
                      <div class="rank-num num-1">
                        <span>{{index+1}}</span>
                      </div>
                    </td>
                    <td class="tb-02">
                      <img :src="personalMinionsKill.players.photoUrl" :title="personalMinionsKill.players.name">
                      <span>{{personalMinionsKill.players.name}}</span>
                    </td>
                    <td class="tb-03">
                      <img :src="personalMinionsKill.teams.icon" title="战队图标">
                    </td>
                    <td class="tb-04">{{personalMinionsKill.players.replace}}</td>

                    <td class="tb-05">{{personalMinionsKill.minionsKilled}}</td>

                  </tr>
                  </tbody>
                </table>
              </div>
            </div>

            <!-- 金钱 -->
            <div class="cimi-tab-pr">
              <ul class="tab-hd-title">
                <li>排名</li>
                <li>选手</li>
                <li>战队</li>
                <li>位置</li>
                <li>总金钱</li>
              </ul>
              <div class="tab-outer base-scroll">
                <table>
                  <tbody id="personalRanking-gold">
                  <tr v-for="(personalMoney,index) in personalMoneys">
                    <td class="tb-01">
                      <div class="rank-num num-1">
                        <span>{{index+1}}</span>
                      </div>
                    </td>
                    <td class="tb-02">
                      <img :src="personalMoney.players.photoUrl" :title="personalMoney.players.name">
                      <span>{{personalMoney.players.name}}</span>
                    </td>
                    <td class="tb-03">
                      <img :src="personalMoney.teams.icon" title="战队图标">
                    </td>
                    <td class="tb-04">{{personalMoney.players.replace}}</td>

                    <td class="tb-05">{{personalMoney.money}}</td>

                  </tr>
                  </tbody>
                </table>
              </div>
            </div>
          </div>
          <!-- 个人排行榜 End -->
        </div>
        <!-- 数据榜单 End -->

        <!-- 赛事视频 Start -->
        <div class="match-video module-anchor" data-name="赛事视频">

          <div class="base-title">
            <div class="title">赛事视频</div>
            <svg class="icon">
              <path fill-rule="evenodd"
                    d="M13.000,6.000 L13.000,5.000 L14.000,5.000 L14.000,6.000 L13.000,6.000 ZM12.000,7.000 L12.000,6.000 L13.000,6.000 L13.000,7.000 L12.000,7.000 ZM11.000,8.000 L11.000,7.000 L12.000,7.000 L12.000,8.000 L11.000,8.000 ZM10.000,9.000 L10.000,8.000 L11.000,8.000 L11.000,9.000 L10.000,9.000 ZM9.000,10.000 L9.000,9.000 L10.000,9.000 L10.000,10.000 L9.000,10.000 ZM12.000,4.000 L13.000,4.000 L13.000,5.000 L12.000,5.000 L12.000,4.000 ZM11.000,3.000 L12.000,3.000 L12.000,4.000 L11.000,4.000 L11.000,3.000 ZM10.000,2.000 L11.000,2.000 L11.000,3.000 L10.000,3.000 L10.000,2.000 ZM9.000,1.000 L10.000,1.000 L10.000,2.000 L9.000,2.000 L9.000,1.000 ZM9.000,4.000 L10.000,4.000 L10.000,5.000 L11.000,5.000 L11.000,6.000 L10.000,6.000 L10.000,7.000 L9.000,7.000 L9.000,8.000 L8.000,8.000 L8.000,9.000 L7.000,9.000 L7.000,10.000 L6.000,10.000 L6.000,11.000 L4.000,11.000 L4.000,10.000 L5.000,10.000 L5.000,9.000 L6.000,9.000 L6.000,8.000 L7.000,8.000 L7.000,7.000 L8.000,7.000 L8.000,6.000 L9.000,6.000 L9.000,5.000 L8.000,5.000 L8.000,4.000 L7.000,4.000 L7.000,3.000 L6.000,3.000 L6.000,2.000 L5.000,2.000 L5.000,1.000 L4.000,1.000 L4.000,-0.000 L6.000,-0.000 L6.000,1.000 L7.000,1.000 L7.000,2.000 L8.000,2.000 L8.000,3.000 L9.000,3.000 L9.000,4.000 ZM4.000,4.000 L5.000,4.000 L5.000,5.000 L6.000,5.000 L6.000,6.000 L5.000,6.000 L5.000,7.000 L4.000,7.000 L4.000,8.000 L3.000,8.000 L3.000,9.000 L2.000,9.000 L2.000,10.000 L-0.000,10.000 L-0.000,1.000 L2.000,1.000 L2.000,2.000 L3.000,2.000 L3.000,3.000 L4.000,3.000 L4.000,4.000 Z"></path>
            </svg>
          </div>

          <!-- 赛事视频-筛选 -->
          <ul class="base-sort-list video-sort">
            <li class="on"><a href="javascript:Base.initAllVideo();"
                              onclick="">全部</a>
            </li>
            <li><a href="javascript:Base.showCompetition(Base.videoList1);"
                   onclick="">英雄麦克疯</a></li>
            <li><a href="javascript:Base.showCompetition(Base.videoList2);"
                   onclick="">TOP5</a></li>
            <li><a href="javascript:Base.showVideoList(Base.videoList4);"
                   onclick="">全场回顾</a></li>
            <li><a href="javascript:Base.showCompetition(Base.videoList3);"
                   onclick="">赛事速看</a></li>
            <li><a href="javascript:Base.showVideoList(Base.videoList5);"
                   onclick="">巅峰时刻</a></li>
          </ul>
          <a class="video-more" href="https://lpl.qq.com/es/video.shtml"
             onclick="" target="_blank">更多</a>

          <!-- 赛事视频-列表 -->
          <ul class="video-list" id="list_content_v">
            <li>
              <a href="https://lpl.qq.com/es/video_detail.shtml?nid=55539&amp;bMatchId=10378"
                 onclick=""
                 target="_blank">
                <div class="image">
                  <img src="es/lpl/640(2)" alt="【高光时刻】RA vs OMG 第2局">
                  <div class="shade"></div>
                  <div class="time">02:49</div>
                </div>
                <div class="intro">
                  <div class="title">【高光时刻】RA vs OMG 第2局</div>
                  <div class="info">
                    <div class="update">14小时以前</div>
                  </div>
                </div>
              </a>
            </li>
          </ul>
        </div>
        <!-- 赛事视频 End -->
      </div>
    </div>


    <div class="module module-5">
      <div class="module-inner">

        <!-- 参赛战队 Start -->
        <div class="team-wrap module-anchor" data-name="参赛战队">

          <div class="base-title">
            <div class="title">参赛战队</div>
            <svg class="icon">
              <path fill-rule="evenodd"
                    d="M13.000,6.000 L13.000,5.000 L14.000,5.000 L14.000,6.000 L13.000,6.000 ZM12.000,7.000 L12.000,6.000 L13.000,6.000 L13.000,7.000 L12.000,7.000 ZM11.000,8.000 L11.000,7.000 L12.000,7.000 L12.000,8.000 L11.000,8.000 ZM10.000,9.000 L10.000,8.000 L11.000,8.000 L11.000,9.000 L10.000,9.000 ZM9.000,10.000 L9.000,9.000 L10.000,9.000 L10.000,10.000 L9.000,10.000 ZM12.000,4.000 L13.000,4.000 L13.000,5.000 L12.000,5.000 L12.000,4.000 ZM11.000,3.000 L12.000,3.000 L12.000,4.000 L11.000,4.000 L11.000,3.000 ZM10.000,2.000 L11.000,2.000 L11.000,3.000 L10.000,3.000 L10.000,2.000 ZM9.000,1.000 L10.000,1.000 L10.000,2.000 L9.000,2.000 L9.000,1.000 ZM9.000,4.000 L10.000,4.000 L10.000,5.000 L11.000,5.000 L11.000,6.000 L10.000,6.000 L10.000,7.000 L9.000,7.000 L9.000,8.000 L8.000,8.000 L8.000,9.000 L7.000,9.000 L7.000,10.000 L6.000,10.000 L6.000,11.000 L4.000,11.000 L4.000,10.000 L5.000,10.000 L5.000,9.000 L6.000,9.000 L6.000,8.000 L7.000,8.000 L7.000,7.000 L8.000,7.000 L8.000,6.000 L9.000,6.000 L9.000,5.000 L8.000,5.000 L8.000,4.000 L7.000,4.000 L7.000,3.000 L6.000,3.000 L6.000,2.000 L5.000,2.000 L5.000,1.000 L4.000,1.000 L4.000,-0.000 L6.000,-0.000 L6.000,1.000 L7.000,1.000 L7.000,2.000 L8.000,2.000 L8.000,3.000 L9.000,3.000 L9.000,4.000 ZM4.000,4.000 L5.000,4.000 L5.000,5.000 L6.000,5.000 L6.000,6.000 L5.000,6.000 L5.000,7.000 L4.000,7.000 L4.000,8.000 L3.000,8.000 L3.000,9.000 L2.000,9.000 L2.000,10.000 L-0.000,10.000 L-0.000,1.000 L2.000,1.000 L2.000,2.000 L3.000,2.000 L3.000,3.000 L4.000,3.000 L4.000,4.000 Z"></path>
            </svg>
          </div>

          <!-- 参赛战队-列表 -->
          <ul class="team-list" id="team-list">
            <li  v-for="team in teams">
              <a class="image-box" :href="'http://127.0.0.1/yjh-team/team-detail1.html?teamId='+team.teamId"
                 onclick="" target="_blank">
                <div class="image">
                  <img :src="team.icon" alt="AL">
                </div>
                <div class="text">
                  <span>{{team.name}}</span>
                </div>
              </a>
            </li>
          </ul>
        </div>
        <!-- 参赛战队 End -->
      </div>
    </div>


    <!-- 赛事奖金 Start -->
    <div class="module module-6">
      <div class="module-inner">

        <div class="base-title">
          <div class="title">赛事奖金</div>
          <svg class="icon">
            <path fill-rule="evenodd"
                  d="M13.000,6.000 L13.000,5.000 L14.000,5.000 L14.000,6.000 L13.000,6.000 ZM12.000,7.000 L12.000,6.000 L13.000,6.000 L13.000,7.000 L12.000,7.000 ZM11.000,8.000 L11.000,7.000 L12.000,7.000 L12.000,8.000 L11.000,8.000 ZM10.000,9.000 L10.000,8.000 L11.000,8.000 L11.000,9.000 L10.000,9.000 ZM9.000,10.000 L9.000,9.000 L10.000,9.000 L10.000,10.000 L9.000,10.000 ZM12.000,4.000 L13.000,4.000 L13.000,5.000 L12.000,5.000 L12.000,4.000 ZM11.000,3.000 L12.000,3.000 L12.000,4.000 L11.000,4.000 L11.000,3.000 ZM10.000,2.000 L11.000,2.000 L11.000,3.000 L10.000,3.000 L10.000,2.000 ZM9.000,1.000 L10.000,1.000 L10.000,2.000 L9.000,2.000 L9.000,1.000 ZM9.000,4.000 L10.000,4.000 L10.000,5.000 L11.000,5.000 L11.000,6.000 L10.000,6.000 L10.000,7.000 L9.000,7.000 L9.000,8.000 L8.000,8.000 L8.000,9.000 L7.000,9.000 L7.000,10.000 L6.000,10.000 L6.000,11.000 L4.000,11.000 L4.000,10.000 L5.000,10.000 L5.000,9.000 L6.000,9.000 L6.000,8.000 L7.000,8.000 L7.000,7.000 L8.000,7.000 L8.000,6.000 L9.000,6.000 L9.000,5.000 L8.000,5.000 L8.000,4.000 L7.000,4.000 L7.000,3.000 L6.000,3.000 L6.000,2.000 L5.000,2.000 L5.000,1.000 L4.000,1.000 L4.000,-0.000 L6.000,-0.000 L6.000,1.000 L7.000,1.000 L7.000,2.000 L8.000,2.000 L8.000,3.000 L9.000,3.000 L9.000,4.000 ZM4.000,4.000 L5.000,4.000 L5.000,5.000 L6.000,5.000 L6.000,6.000 L5.000,6.000 L5.000,7.000 L4.000,7.000 L4.000,8.000 L3.000,8.000 L3.000,9.000 L2.000,9.000 L2.000,10.000 L-0.000,10.000 L-0.000,1.000 L2.000,1.000 L2.000,2.000 L3.000,2.000 L3.000,3.000 L4.000,3.000 L4.000,4.000 Z"></path>
          </svg>
        </div>

        <!-- 赛事奖金 - 奖金列表 -->
        <div class="match-wrap">
          <ul class="ranking-list" id="ranking-list">
            <li>
              <div class="honor">冠军</div>
              <div class="price">2,000,000</div>
              <div class="units">人民币</div>
            </li>

            <li>
              <div class="honor">亚军</div>
              <div class="price">1,000,000</div>
              <div class="units">人民币</div>
            </li>

            <li>
              <div class="honor">季军</div>
              <div class="price">500,000</div>
              <div class="units">人民币</div>
            </li>

            <li>
              <div class="honor">殿军:</div>
              <div class="price">300,000</div>
              <div class="units">人民币</div>
            </li>

            <li>
              <div class="honor">第5-6名:</div>
              <div class="price">200,000</div>
              <div class="units">人民币</div>
            </li>
          </ul>
        </div>

        <!-- 赛事奖金 - 关于LPL -->
        <div class="about-wrap" id="about-wrap">
          <div class="lpl-logo"></div>
          <ul class="about-list">

            <li>
              <div class="title">关于<span>英雄联盟职业联赛</span></div>
              <div class="desc">LPL(League of Legends Pro
                League)英雄联盟职业联赛，中国最高级别的英雄联盟职业比赛，是中国赛区通往每年季中邀请赛和全球总决赛的唯一渠道。每年的LPL由春季赛和夏季赛组成，每季分为常规赛与季后赛两部分。晋级季后赛的队伍，将参与到赛季总冠军以及高额的赛事奖金的激烈争夺中。2023年，十年一剑，不忘初心，全新征程，无畏竞巅峰！
              </div>
            </li>

            <li>
              <div class="title">荣耀之路●<span>2023年夏季赛</span></div>
              <div class="desc"></div>
            </li>

          </ul>
          <div class="winner">

            <div class="name">敬请期待</div>

          </div>
        </div>

        <!-- 赛事奖金 - 时间轴 -->
        <div class="about-timeline">

          <!-- 赛事奖金 - 时间轴 - 列表 -->
          <div class="swiper-container about-swiper swiper-container-horizontal">
            <div class="swiper-wrapper" id="timeline-list">
              <div class="swiper-slide timeline-item active swiper-slide-active" style="width: 137.778px;">
                <div class="icon-circle"></div>
                <div class="icon-site"></div>
                <div class="text">2023年夏季赛</div>
              </div>
            </div>
            <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>

          <!-- 赛事奖金 - 时间轴 - 切换 -->
          <div class="swiper-control" style="display: block;">
            <a class="base-swiper-btn about-btn-prev gray" href="javascript:;"
               onclick="" tabindex="0"
               role="button" aria-label="Previous slide" aria-disabled="true">
              <svg class="icon">
                <path fill-rule="evenodd"
                      d="M9.000,4.997 L10.000,2.997 L7.000,-0.003 L-0.000,5.997 L-0.000,7.997 L7.000,13.997 L10.000,10.997 L9.000,8.997 L7.000,10.997 L2.000,6.997 L2.000,6.997 L7.000,2.997 L9.000,4.997 Z"></path>
              </svg>
            </a>
            <a class="base-swiper-btn about-btn-next" href="javascript:;"
               onclick="" tabindex="0"
               role="button" aria-label="Next slide" aria-disabled="false">
              <svg class="icon">
                <path fill-rule="evenodd"
                      d="M1.000,4.997 L-0.000,2.997 L3.000,-0.003 L10.000,5.997 L10.000,7.997 L3.000,13.997 L-0.000,10.997 L1.000,8.997 L3.000,10.997 L8.000,6.997 L8.000,6.997 L3.000,2.997 L1.000,4.997 Z"></path>
              </svg>
            </a>
          </div>
        </div>
      </div>
    </div>
    <!-- 赛事奖金 End -->
  </div>

</div>
<script>
  var v=new Vue({
    el:"#app",
    data:{
      teams:{},
      matches:{},
      teamsByOrder:{},
      personalKills:{},
      personalAssists:{},
      personalMinionsKills:{},
      personalMoneys:{},
      banHeroes:{},
      pickHeroes:{},
      bestPlayers:{},
      bestTop:[],
      bestAd:[],
      bestSup:[],
      bestMid:[],
      bestJun:[],
      totalMatch:0,
      images:["images/0.jpg","images/1.png"]
    },
    created(){
      this.selectTeams();
      this.selectMatchesWithTeams();
      this.orderByWin();
      this.orderBySumKills();
      this.orderBySumAssists();
      this.orderBySumMoney();
      this.orderBySumMinionsKilled();
      this.orderBySumBanHero();
      this.selectResultsCount();
      this.orderBySumPickHero();
      this.selectBestPlayer();
    },
    methods:{
      selectTeams(){
        axios.get("/yjh-match/yjhteam/teams/selectTeam").then(res=>{
          this.teams=res.data;
        })
      },
      selectMatchesWithTeams(){
        axios.get("/yjh-match/yjhmatch/matches/selectMatchesWithTeams").then(res=>{
          this.matches=res.data.data;
        })
      },
      selectResultsCount(){
        axios.get("/yjh-match/results/results/selectResultsCount").then(res=>{
          this.totalMatch=res.data;
        })
      },
      selectBestPlayer(){
        axios.get("/yjh-match/yjh/bestPlayer/selectBestPlayer").then(res=>{
          this.bestPlayers=res.data;
          for (let i = 0; i < this.bestPlayers.length; i++) {
            if(this.bestPlayers[i].replace=="上路"){
              this.bestTop=this.bestPlayers[i];
            }else if(this.bestPlayers[i].replace=="下路"){
              this.bestAd=this.bestPlayers[i];
            }else if(this.bestPlayers[i].replace=="中路"){
              this.bestMid=this.bestPlayers[i];
            }else if(this.bestPlayers[i].replace=="辅助"){
              this.bestSup=this.bestPlayers[i];
            }else {
              this.bestJun=this.bestPlayers[i];
            }
          }

        });
      },
      orderBySumPickHero(){
        axios.get("/yjh-match/yjh/statistics/orderBySumPickHero").then(res=>{
          this.pickHeroes=res.data;
        })
      },
      orderBySumBanHero(){
        axios.get("/yjh-match/yjh/statistics/orderBySumBanHero").then(res=>{
          this.banHeroes=res.data;
        })
      },
      orderByWin(){
        axios.get("/yjh-match/yjhteam/teams/orderByWin").then(res=>{
          this.teamsByOrder=res.data;
        })
      },
      orderBySumKills(){
        axios.get("/yjh-match/yjh/statistics/orderBySumKills").then(res=>{
          this.personalKills=res.data;
        })
      },
      orderBySumAssists(){
        axios.get("/yjh-match/yjh/statistics/orderBySumAssists").then(res=>{
          this.personalAssists=res.data;
        })
      },
      orderBySumMinionsKilled(){
        axios.get("/yjh-match/yjh/statistics/orderBySumMinionsKilled").then(res=>{
          this.personalMinionsKills=res.data;
        })
      },
      orderBySumMoney(){
        axios.get("/yjh-match/yjh/statistics/orderBySumMoney").then(res=>{
          this.personalMoneys=res.data;
        })
      }
    }
  })
</script>
<script src="js.aq.qq.com/js/aq_common.js"></script>
<script src="ossweb-img.qq.com/images/js/swiper4_component/js/swiper.min.js"></script>
<script src="ossweb-img.qq.com/images/js/jquery/jquery-1.11.3.min.js"></script>
<script src="ossweb-img.qq.com/images/js/milo_bundle/milo.js"></script>
<script src="ossweb-img.qq.com/images/js/livelink/livelink.p2p.min.js" charset="utf-8"></script>

<!-- 组件 -->
<script src="lpl.qq.com/web201612/js/tools.js"></script>
<script src="lpl.qq.com/web201612/js/spublic.js"></script>
<script src="lpl.qq.com/act/a20230111lplspring/js/data.js"></script>
<script src="lpl.qq.com/act/a20230111lplspring/js/index.js"></script>
</body>
</html>